.crop-error{z-index:99999;display:block;position:fixed;top:-100%;left:50%;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;background:#fff;padding:10px 20px;border-radius:5px;font-size:16px;line-height:1.5;color:#f30}.crop-error.show{top:50px}.image-crop-panel{position:fixed;z-index:999999;background:rgba(0,0,0,.8);left:0;right:0;top:0;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto}.image-crop-panel .crop-control{position:fixed;left:0;right:0;top:0;bottom:auto;z-index:2;overflow:visible;text-align:center;padding:10px 0;background:rgba(0,0,0,.2)}.image-crop-panel .crop-show-btns{margin:0 -5px;text-align:center;white-space:nowrap;color:#fff}.image-crop-panel .crop-show-btns .crop-btn{display:inline-block;margin:0 5px;border:none;border-radius:3px;background:#eee;color:#999;line-height:20px;padding:0 10px;font-size:12px;cursor:pointer;outline:none}.image-crop-panel .crop-show-btns .crop-btn:hover{background:#999;color:#fff}.image-crop-panel .crop-show-btns .crop-btn.crop-show-upload{background:#38f;color:#fff}.image-crop-panel .crop-show-btns .crop-btn.crop-show-upload:hover{background:#006aff}.image-crop-panel .crop-show-btns [type=text]{display:inline-block;width:48px;font-size:12px;border:none;border-radius:3px;height:20px;line-height:20px;padding:0 10px;margin:0 5px;background:#fff;outline:none;color:#333}.image-crop-panel .crop-show-btns [disabled]{background:rgba(0,0,0,0);cursor:not-allowed;color:#eee}.image-crop-panel .crop-close{display:block;position:fixed;right:15px;top:0;width:40px;height:40px;cursor:pointer;z-index:10}.image-crop-panel .crop-close:hover:after,.image-crop-panel .crop-close:hover:before{border-top-color:#f30;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.image-crop-panel .crop-close:hover:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}.image-crop-panel .crop-close:after,.image-crop-panel .crop-close:before{content:"";width:60%;display:block;height:0;border-top:2px solid #b7b1b1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:20%;top:50%;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}.image-crop-panel .crop-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.image-crop-panel .crop-mark{width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;left:0;right:0;top:0;bottom:0}.image-crop-panel .crop-image-ie9wait{display:block;background:#97fcff;text-align:center;color:#333;cursor:pointer}.image-crop-panel .crop-image-ie9wait:hover{color:#999}.image-crop-panel .crop-image-ie9wait:after{display:block;position:absolute;left:0;right:0;top:50%;line-height:20px;font-size:14px;content:"请耐心等待，图片上传中..."}.image-crop-panel div{-webkit-box-sizing:border-box;box-sizing:border-box}.image-crop-panel .crop-wrap{position:absolute;left:50%;top:-50%;width:1px;height:1px;overflow:hidden;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;opacity:0}.image-crop-panel .crop-wrap.show{left:50%;top:50%;overflow:visible;opacity:1;background:#fff}.image-crop-panel input[type=file]{visibility:hidden;position:absolute;left:0;top:0}.image-crop-panel .crop-show{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.image-crop-panel .crop-has-image{background:#f9f9f9;background-image:-o-linear-gradient(45deg,#ddd 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#ddd 0),-o-linear-gradient(45deg,#ddd 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#ddd 0);background-image:linear-gradient(45deg,#ddd 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#ddd 0),linear-gradient(45deg,#ddd 25%,rgba(0,0,0,0) 0,rgba(0,0,0,0) 75%,#ddd 0);background-position:0 0,20px 20px;background-size:40px 40px;z-index:1;cursor:-webkit-grab;cursor:grab}.image-crop-panel .crop-has-image.grabing{cursor:-webkit-grabbing;cursor:grabbing}.image-crop-panel .crop-image-upload{display:block;border:1px solid #eee;background:#f1f1f1;text-align:center;color:#ccc;cursor:pointer;min-height:200px}.image-crop-panel .crop-image-upload:hover{color:#999}.image-crop-panel .crop-image-upload:after{display:block;position:absolute;left:0;right:0;top:50%;line-height:20px;font-size:14px;content:"+请点击或拖拽(不支持ie)图片到此处+"}.image-crop-panel .crop-shadow-image,.image-crop-panel .crop-show-image{display:block;position:absolute;left:0;top:0;z-index:0}.image-crop-panel .crop-shadow-image{opacity:.2;background:rgba(0,0,0,.5)}